$(function(){

    //购物车显隐
    (function(){
        var oDiv = $('#header .shop_show');
        var oShop = $('#header .shop');
        oShop.bind('mouseover mouseout', function(){
            oDiv.stop().slideToggle(300);
        })
    })();



    // 搜索框得失焦点
    (function(){
        var oTxt = $('.txt');
        var oBtn = $('.btn');
        var oTxt1 = $('.txt_1');
        var oTxt2 = $('.txt_2');
        var oUl =$('.key_words');

        oTxt.focus(function(){
            oUl.show();
            oTxt1.add(oTxt2).hide();
            oTxt.add(oBtn).css('borderColor', '#FF6700');
        });
        oTxt.blur(function(){
            oUl.hide();
            oTxt1.add(oTxt2).show();
            oTxt.add(oBtn).css('borderColor', '#E0E0E0');
        });
    })();


    //轮播图
    (function(){
        var oSwitch = $('#content_t .switch')[0];
        var aImg = $('#content_t .s_img')[0];
        var bImg = $('#content_t .s_img li');
        var aBtn = $('#content_t .tab_btn span');
        var oPrev = $('#content_t .prev')[0];
        var oNext = $('#content_t .next')[0];
        var iNow = 1;
        var timer = null;
		var animated=false;
            function bt(){
                for(var i=0;i<aBtn.length;i++){//数字按钮加
                    if(aBtn[i].className=="active"){
                        aBtn[i].className="";
                        break;
                    }
                }
               aBtn[iNow-1].className="active";
            }
            function show(en){//点击轮播
				animated=true;
                var qu=parseInt(aImg.style.left)+en;
                var time=300;//位移总时间
                var interval=10;//位移间隔时间
                var speed=en/(time/interval);//位移量

                function go(){
                    if((speed<0&&parseInt(aImg.style.left)>qu)||(speed>0&&parseInt(aImg.style.left))<qu){
                        aImg.style.left=parseInt(aImg.style.left)+speed+"px";
                        setTimeout(go,interval);
                    }else{
						animated=false;
                        aImg.style.left=qu+"px";
                        if(qu>-1226){
                            aImg.style.left=-6130+'px';
                        }
                        if(qu<-6130){
                            aImg.style.left=-1226+'px';
                        }
                    }
                }
                go();

            }
            function play(){
                timer=setInterval(function(){
                    oPrev.onclick();
                },3000);
            }
            function stop(){
                clearInterval(timer);
            }
            oPrev.onclick=function(){
                if(iNow==5){
                    iNow=1;
                }else{
                    iNow+=1;
                }
                bt();
				if(animated==false){
					show(-1226);
				}  
            }
            oNext.onclick=function(){
                if(iNow==1){
                    iNow=5;
                }else{
                    iNow-=1;
                }
                bt();
				if(animated==false){
					show(1226);
				}
            }
            for(var i=0;i<aBtn.length;i++){
                aBtn[i].onmouseover=function(){
                    if(this.className=="active"){
                        return;
                    }
                    var my=parseInt(this.getAttribute("data-i"));
                    var en=-1226*(my-iNow);
                    iNow=my;//转移相应的图片后，让表示图片号码跟当前相片号码一样 
					bt();
					if(animated==false){
						show(en);
					}	
                }
               
            }
            oSwitch.onmouseover=stop;
            oSwitch.onmouseout=play;
            play();
        
    })();


    //li上升
    (function(){
        var aLi = $('#content_b .wrap ul>li');
        var aImg = $('#content_b .side_img img');

        aLi.removeClass('active');

        floatUp(aLi);
        floatUp(aImg);

        function floatUp(obj){
            obj.each(function(){
                $(this).mouseover(function(){
                    $(this).addClass('active');
                });
                $(this).mouseout(function(){
                    $(this).removeClass('active');
                });
            });
        }

        // function floatUp(obj){
        //     for( var i=0; i<obj.length; i++)
        //     {
        //         obj[i].onmouseover=function(){
        //             $(this).addClass('active');
        //         };
        //         obj[i].onmouseout=function(){
        //             $(this).removeClass('active');
        //         };
        //     }
        // }
        
    })();


    //小轮播图
    (function(){
        var oCon = $('#content_b').find('.con');

        Switch('.book');
        Switch('.MIUI_topic');
        Switch('.games');
        Switch('.app');

        function Switch(obj){
            var oP = oCon.find(obj);
            var oOl = oP.find('ol');
            var aSpan = oP.find('span');
            var oPrev = oP.find('.prev');
            var oNext = oP.find('.next');
            var iWidth = oOl.find('li').width();
            var iNow = 0;

            oOl.css('width', iWidth*aSpan.length);
            // alert(iWidth*aSpan.length);
            // alert(oOl.css('width'));


            oP.bind('mouseover mouseout', function(){
                oPrev.toggleClass('active');
                oNext.toggleClass('active');
            });

            aSpan.each(function(index){
                $(this).click(function(){
                    iNow = index;
                    doMove(0);
                    // alert(iNow*iWidth);
                });


            });

            oPrev.click(function(){
                doMove(-1);
            });
            oNext.click(function(){
                doMove(1);
            })

            function doMove( num ) {
                iNow += num;
                if ( iNow > aSpan.length-1 ) {
                    iNow = 0;
                }
                if ( iNow < 0 ) {
                    iNow = aSpan.length-1;
                }
                oOl.stop().animate({left: -iNow*iWidth}, 500);
                aSpan.eq(iNow).addClass('active')
                    .siblings().removeClass('active');
            }
        }

    })();



    // 摆动切换
    (function(){
        doSwing($('.stars'));
        doSwing($('.recommend'));

        function doSwing(obj){
            var oUl = obj.find('ul');
            var aEm = obj.find('.p_title').find('em');
            var timer=null;

            oUl.position().left==0;
            aEm.eq(1).addClass('active').siblings().removeClass('active');


            // alert(oUl.css('left'));          //0px
            // alert(oUl.position().left);      //0

            timer=setInterval(doMove, 3000);
            overOut(oUl);
            overOut(aEm);

            aEm.each(function(){
                $(this).click(function(){
                    if($(this).hasClass('active'))
                    {
                        // $(this).removeClass('active').siblings().addClass('active');
                        doMove();
                    }
                })
            })

            function overOut(obj){
                obj.mouseover(function(){
                    clearInterval(timer);
                })
                obj.mouseout(function(){
                    timer=setInterval(doMove, 3000);
                });
            }

            function doMove(){
                if(oUl.position().left==0)
                {
                    oUl.stop().animate({left: '-1226px'}, 500);
                    aEm.eq(0).addClass('active').siblings().removeClass('active');
                }
                else
                {
                    oUl.stop().animate({left: '0'}, 500);
                    aEm.eq(1).addClass('active').siblings().removeClass('active');
                }
            }
        }
        
    })();



    //轮播图区域显隐导航
    (function(){
        var aLi = $('#content_t .category-item');

        aLi.mouseover(function(){
            $(this).find('.children').css('display', 'block');
        });
        aLi.mouseout(function(){
            $(this).find('.children').css('display', 'none');
        });

    })();



    // 视频区域移入高亮效果
    (function(){
        var aLi = $('#content_b').find('.viedo').find('li');

        aLi.find('.viedo_btn').removeClass('active');
        aLi.bind('mouseover mouseout', function(){
            $(this).find('.viedo_btn').toggleClass('active');
        });
    })();



    //nav区域导航菜带显隐(动画问题未解决)
    (function(){
        var jsonData1 = { "src": ['mi4c!160x110.jpg', 'mi4!160x110.jpg', 'minote!160x110.jpg', 'minotepro!160x110.jpg'],
                         "title": ['小米手机4c', '小米手机4', '小米Note 标准版', '小米Note 顶配版'],
                         "price": ['1299元起', '1299元起', '1799元起', '2499元起']
                        }

        var jsonData2 = { "src": ['hongmi2a!160x110.jpg', 'hongmi2!160x110.jpg', 'hongmi3!160x110.jpg', 'note!160x110.jpg', 'note2!160x110.jpg', 'note3!160x110.jpg'],
                         "title": ['红米手机2A 高配版', '红米手机2', '红米手机3', '红米Note 电信版','红米Note 2' ,'红米Note 3'],
                         "price": ['特价499元', '599元起', '699元起', '699元起', '799元起', '899元起']
                        }

        var oMenu = $('#nav_menu');
        var oHidden = oMenu.find('ul');
        var str = '';
        var oShow = $('.nav_show .fold');

        // for( var i=0; i<jsonData2['title'].length; i++)
        //     {
        //         str += '<li><a href="" class="img"><img src="img/'+jsonData2['src'][i]+'" alt=""></a><a href="" class="title">'+jsonData2['title'][i]+'</a><p>'+jsonData2['price'][i]+'</p></li>';
        //     }
        //     oHidden.html(str);

        var arrD = [jsonData1, jsonData2];
        // alert(arrD[0]['title']);
        
        oShow.each(function(index){
            $(this).add(oMenu).mouseover(function(){
                // oMenu.show();
                oMenu.stop().slideDown(300);
                writeStr(index);
            });
            // oMenu.mouseover(function(){
            //     oMenu.show();
            // });
            $(this).add(oMenu).mouseout(function(){
                oMenu.stop().slideUp(300);
            });

            function writeStr(j){
                for( var i=0; i<arrD[j]['title'].length; i++)
                {
                    str += '<li><a href="" class="img"><img src="img/'+arrD[j]['src'][i]+'" alt=""></a><a href="" class="title">'+arrD[j]['title'][i]+'</a><p>'+arrD[j]['price'][i]+'</p></li>';
                }
                oHidden.html(str);
                str = '';
            }

        });

    })();

    // 选项卡
    (function(){

        doTab($('.collocation'));
        doTab($('.parts'));
        doTab($('.ground'));

        function doTab(obj){
            var aLi = obj.find('.tab_lab').children();
            var oUl = obj.find('.list_5');

            aLi.eq(0).addClass('active').siblings().removeClass('active');
            oUl.eq(0).show().siblings().hide();

            aLi.each(function(index){
                $(this).mouseover(function(){
                    $(this).addClass('active').siblings().removeClass('active');
                    oUl.eq(index).show().siblings().hide();
                })
            });
        }
    })();



    //高亮浮起
    (function(){
        var aLi = $('.h_light');
        var arrData = [
                        ['比我以前买的小米充电宝砖头好太多了！放在包里不占位置...', '来自于 龚毅祥 的评价'],
                        ['3个usb插口正好给手机和pad充电，隐藏式白色指示...', ' 来自于 prinoac 的评价 '],
                        ['音质太棒了。每天跑步时候带着它，带着音乐，真舒服。身...', ' 来自于 248415831 的评价 '],
                        ['', ''],
                        ['', ''],
                        ['这小钢炮给我的感觉太震撼了，完全超出了我的意料之外，...', ' 来自于 dp588 的评价 '],

                        ['为了出远门买的，容量超大，比想象中要小的多，还能双口...', ' 来自于 riku1990 的评价 '],
                        ['', ''],
                      ];

        var str = '';
        // alert(arrData[1][1]);
        aLi.each(function(index){
            
            $(this).mouseenter(function(){
                str += '<a class="highlight"><em>'+arrData[index][0]+'</em><span>'+arrData[index][1]+'</span></a>';
                $(this).append(str).find('.highlight').stop().animate({height: '75'}, 300);

                str = '';
            });
            $(this).mouseleave(function(){
                $(this).find('.highlight').stop().animate({height: '0'}, 300);
            });
        });
    })();


    
});
    
    

